부트스트랩을 이용하여 전반적인 각 페이지화면의 구성을 계획했습니다. 부트스트랩의 아코디언을 이용해서 프로필 페이지를 제작하여 사용자들의 궁금한 저의 사항을 적어놓았습니다. 또한 지금이 페이는 row와 col을 통해서 화면 전반적인 구성을 정해 놓고 거기에 카드 태그를 추가하여 각 영역을 나눠서 설명을 적어놓았습니다.
css를 이용해서 네브바를 디자인하였습니다. 또한 네브바에 마우스를 갔다놓으면 네브바가 작동할 수 있게 설계했습니다. 또한 각 페이지의 배경을 css를 통해서 제작하였습니다. 또한 반응형 css를 활용해서 스마트폰으로도 나의 홈페이지를 볼 수 있게 구성해 놓았습니다. 패팅과 마진을 통해서 나의 페이지를 보다 깔끔하게 구성했습니다.
html을 통해서 전반적인 페이지를 구성했습니다. header영역과 body영역, footer영역으로 구성하였습니다. 또한 각 페이지를 통일성 있게 제작하기 위해서 전반적인 페이지 구성을 동일하게 해놓았습니다. html을 활용해서 페이지의 틀을 구성할 수 있었습니다.
javascript를 이용해서 페이지를 좀 더 역동적으로 만들려고 노력했습니다. 페이지를 하단으로 내리면 페이지의 오른쪽 하단 부분에 버튼이 생기게하여 버튼을 눌렀을 때 화면의 제일 상단으로 이동할 수 있게 만들어놓았습니다.